<template>
    <div class="VantGrid">

        <van-grid>
          <van-grid-item icon="photo-o" text="图片" />
          <van-grid-item icon="photo-o" text="图片" />
          <van-grid-item icon="photo-o" text="图片" />
          <van-grid-item icon="photo-o" text="图片" />
        </van-grid>

        <van-grid :border="false" :column-num="3">
          <van-grid-item>
            <img :src="require('../assets/logo.png')" rel="external nofollow"/>
          </van-grid-item>
          <van-grid-item>
            <img :src="require('../assets/logo.png')" rel="external nofollow"/>
          </van-grid-item>
          <van-grid-item>
            <img :src="require('../assets/logo.png')" rel="external nofollow"/>
          </van-grid-item>
        </van-grid>
        
        <van-grid square>
              <van-grid-item
                v-for="value in 8"
                :key="value"
                icon="photo-o"
                text="图片"
              />
         </van-grid>

    </div>
</template>

<script>
    import {Grid,GridItem} from 'vant'
    export default {
        name: "mmcontent",
        components:{
            'van-grid':Grid,
            'van-grid-item':GridItem
        }
    }
</script>

<style lang="scss" scoped>
 .VantGrid {
    img {
      display: inline-block;
      width: 100%;
      height: 100%;
    }
}
</style>
